/*响应式通用样式*/
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
body{width:100%;color:#666;font-size:1rem;font-family:"宋体",Arial,"Microsoft YaHei",Helvetica,"Helvetica Neue","Droid Sans","Heiti SC",sans-serif;line-height:1.5;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,input { border:none; list-style:none;outline: none;}
input,select {-webkit-appearance:none;-webkit-border-radius: 0;}
a{text-decoration: none;color:#666666;}
b{font-weight:normal;}
table{border-collapse:collapse;}
.hidden{display:none;}
.wrap{max-width:640px;margin:0 auto;}
.row:after{content: ""; display: block;clear: both;}
.lt{float: left;}
.rt{float:right;}
[class*="col-"] {float: left;padding: 0.5rem;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/*媒体查询*/

@media screen and (min-width:320px){
    html{font-size:10px;}
}
@media screen and (min-width:360px){
    html{font-size:11.25px;}
}
@media screen and (min-width:375px){
    html{font-size:11.71875px;}
}
@media screen and (min-width:414px){
    html{font-size:12.9375px;}
}
@media screen and (min-width:480px){
    html{font-size:15px;}
}
@media screen and (min-width:568px){
    html{font-size:17.75px;}
}
@media screen and (min-width:640px){
    html{font-size:20px;}
}
